body,
p {
  font-family: PingFang-SC;
  margin: 0;
  padding: 0;
}

input,
textarea,
p{
  -webkit-appearance: none;
  /*清除输入框内阴影 在iOS上，输入框默认有内阴影，但无法使用 box-shadow 来清除，如果不需要阴影，可以使用下面方式关闭：*/
}

input:focus::-webkit-input-placeholder {
  /*input在获取焦点时 placeholder 没有隐藏*/
  opacity: 0;
}

.bg-box {
  height: 100%;
  overflow: hidden;
  width: 100%;
  /*background: url(../../activity/images/home-bk.png) no-repeat;*/
  /*background-size: 100% 100%;*/
}

.home-bg {
  width: 100%;
  height: auto;
  display: block;
}

.container {
  position: fixed;
  bottom: 10px;
  width: 100%;
  /*top: 399px;*/
  /*left: 0;*/
  /*right: 0;*/
}

.btn-box {
  text-align: center;
}

.btn {
  display: inline-block;
  width: 90%;
  text-align: center;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
}

.btn1 {
  background-color: #ffb600;
  border-radius: 25px;
  -webkit-box-shadow: 0px 7px 0px 3px #ff6d00;
  -moz-box-shadow: 0px 7px 0px 3px #ff6d00;
  box-shadow: 0px 7px 0px 3px #ff6d00;
}

.btn1:active {
  -webkit-box-shadow: 0px 7px 0px 3px #ff6d00, 0px 13px 0px 1px #c14e00;
  -moz-box-shadow: 0px 7px 0px 3px #ff6d00, 0px 13px 0px 1px #c14e00;
  box-shadow: 0px 7px 0px 3px #ff6d00, 0px 13px 0px 1px #c14e00;
}

.btn-cont {
  background-size: 100% 55px;
  height: 55px;
  width: 90%;
  margin: 10px auto;
  background-repeat: no-repeat;
}

.btn2-cont {
  background-image: url('../../activity/images/home_Buttons2.png');
}

.btn3-cont {
  background-image: url('../../activity/images/home_icon_Buttons3.png');
}

.input-box {
  margin: 10px auto;
  text-align: center;
}

.input {
  height: 40px;
  line-height: 40px;
  /*margin-top: 2px;*/
  border-radius:20px;
  width: 88%;
  border: none;
  color: #FF6D00;
  font-size: 16px;
  /*text-indent: 1rem;*/
  position: relative;
  text-align: center;
}

.input::-webkit-input-placeholder {
  color: #ffb680;
}

.input:-moz-placeholder {
  color: #ffb680;
}

.input::-moz-placeholder {
  color: #ffb680;
}

.input:-ms-input-placeholder {
  color: #ffb680;
}

.input-bg {
  background-image: url(../../activity/images/home_Buttons1.png);
  background-size: 100% 55px;
  background-repeat: no-repeat;
  /*line-height: 55px;*/
  height: 55px;
  width: 90%;
  margin: 10px auto;
  position: relative;
}

.input1 {}

.input2 {
  /*-moz-box-shadow: 0px 5px 0px 3px #ff6d00, 0px 10px 0px 1px #c14e00;
    -webkit-box-shadow: 0px 5px 0px 3px #ff6d00, 0px 10px 0px 1px #c14e00;
    box-shadow: 0px 5px 0px 3px #ff6d00, 0px 10px 0px 1px #c14e00;*/
}

.code-common {
  font-size: 14px;
  position: absolute;
  padding: 5px 10px;
  right: 20px;
  top: 50%;
  margin-top: -18px;
  border-radius: 15px;
  text-decoration: none;
  line-height: 20px;
  z-index: 100;
}

.v-code {
  color: #ff6d00;
  background-color: rgba(255, 149, 0, 0.25);
}

.v-code-disabled {
  color: #7f7f7f;
  background-color: #fff;
}

.title {
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.title .big {
  font-size: 20px;
}

.footer-p {
  text-align: center;
}

.footer-p a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.footer-p>a {
  /*margin: 20px;*/
  padding: 0 10px;
}












/**********************/

.dialog {
  display: none;
  width: 100%;
  height: 320px;
  position: fixed;
  top: 42%;
  margin-top: -160px;
  z-index: 110;
}

.dialog .outer {
  position: relative;
  margin: 20px;
  border: 2px solid #c14e00;
  background-color: #fff;
}

.dialog .inner {
  margin: 20px;
  border: 2px solid #c14e00;
  background-color: #ff6d00;
  padding: 10px;
  line-height: 20px;
}

.dialog .title1 {
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
}

.dialog .title2 {
  color: #fff;
  font-size: 14px;
  padding: 0 10px;
  padding-bottom: 6px;
}
.dialog .inner .title2:first-child{
  margin-top: 8px;
}
.dialog .btn {
  width: 100%;
}

.dialog .get-gift-img-box {
  width: 200px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: -35px;
}

#dialog5.dialog .get-gift-img-box {
  top: -35px;
}

.dialog .get-gift-img-box img {
  width: 100%;
}

.mask {
  display: none;
  z-index: 105;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}





/**************************/

.share-container {
  
}

.share-container .title .big {
  font-size: 24px;
  font-weight: 500;
}

.share-container .title {
  margin-bottom: 20px;
}

.share-box {
  text-align: center;
}

.share-box .btn-share {
  display: inline-block;
  width: 60px;
  margin-right: 10px;
  text-decoration: none;
}

.share-box .btn-share img {
  width: 100%;
}

.rule-box {
  margin: 20px;
}

.rule-box .rule {
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}





/*************media页面适配**************/

@media screen and (min-width: 320px) {
  /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
  .share-box .btn-share {
    margin-right: 10px;
  }
}

@media screen and (min-width: 375px) {
  /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
  .share-box .btn-share {
    margin-right: 20px;
  }
}

@media screen and (min-width: 414px) {
  /*当屏幕尺寸小于414px时，应用下面的CSS样式*/

  .share-box .btn-share {
    margin-right: 30px;
  }
}

@media screen and (min-width: 768px) {
  /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
  .share-box .btn-share {
    margin-right: 30px;
  }
}